<!-- 核心题材 -->
<template>
  <div class="coreTheme">
    <div class="coreThemeMain w1021 mt15" v-if="data.length!=0">
      <div class="coreThemeList flex" v-for="(item,index) in data" :key="index">
        <div class="coreThemeCircle" :class="sign[item.importance]">{{item.importance}}</div>
        <div class="coreThemeRight">
          <div class="coreThemeTitle">
            <div class="coreThemeH1">要点{{index+1}}：{{item.title}}</div>
          </div>
          <div class="coreThemeTxt">{{item.content}}</div>
        </div>
      </div>
    </div>
    <div class="tableNone orange top" v-else>暂无数据</div>
  </div>
</template>

<script>
export default {
  data() {
    return { sign: { 高: "red", 中: "yellow", 低: "low" } };
  },
  props: ["data"],
  components: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang='scss' scoped>
</style>